import Vue from 'vue'
import Router from 'vue-router'
import Layout from './views/Layout.vue'


Vue.use(Router)

export default new Router({
	routes: [{
			path: '/',
			name: 'Layout',
			component: Layout,
			children: [{
					path: '/',
					name: 'home',
					// route level code-splitting
					// this generates a separate chunk (about.[hash].js) for this route
					// which is lazy-loaded when the route is visited.
					component: () => import( /* webpackChunkName: "about" */ './views/Home/Home.vue')
				},
				{
					path: '/mine',
					name: 'Mine',

					component: () => import('./views/Mine/Mine.vue')
				},
				{
					path: '/video',
					name: 'Video',

					component: () => import('./views/Video/Video.vue')
				},


			]

		},
		{
			path: '/icons',
			name: 'Icon',
			component: () => import('./components/Icons/IconsNav.vue')
		},
		{
			path: '/userinfo',
			name: 'UserInfo',
			component: () => import('./views/Mine/UserInfo.vue')
		},
		{
			path:'/player',
			name:'player',
			component: () => import('./components/player/player.vue')
		},
		{
			path:'/login',
			name:'login',
			component: () => import('./views/login.vue')
		},
		{
			path:'/listsongs',
			name:'ListSongs',
			component: () => import('./components/detail/ListSongs.vue')
		}

	]
})
